colors = []
color_arr = [
"#80CAE2",
"#5A8E9E",
"#E3F8FF",
"#C8F2FF",
"#8396E2",
"#5C699E",
"#E4EAFF",
"#CAD4FF",
"#80E2AF",
"#5A9E7A",
"#E3FFF1",
"#C8FFE2",
"#E28E80",
"#9E645A",
"#FFE7E3",
"#FFD0C8",
"#E2AC80",
"#9E785A",
"#FFF0E3",
"#FFE0C8",
"#E280A9",
"#9E5A76",
"#FFE3EF",
"#FFC8DF",
"#94E280",
"#679E5A",
"#E9FFE3",
"#D3FFC8",
"#80E2A8",
"#5A9E76",
"#E3FFEF",
"#C8FFDE",
"#C8E280",
"#8C9E5A",
"#F8FFE3",
"#F0FFC8",
"#E2DF80",
"#9E9C5A",
"#FFFEE3",
"#FFFDC8",
"#C6E280",
"#8B9E5A",
"#F7FFE3",
"#EFFFC8",
"#E2CE80",
"#9E905A",
"#FFF9E3",
"#FFF4C8",
"#E280D5",
"#9E5A95",
"#FFE3FB",
"#FFC8F8",
"#E280A2",
"#9E5A71",
"#FFE3ED",
"#FFC8DB",
"#BC80E2",
"#845A9E",
"#F4E3FF",
"#EAC8FF"]

i = 0
j = 0
html = '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  <style type ="text/css">
  div{
    display: block;
    height: 10px;
    width 500px;
    margin-bottom: 2px;
    overflow: hidden;
  }
  </style>
  </head>
  <body>'

color_arr.each do |c|
    puts j == 0
    puts j % 4 != 0
    puts "----"
     if(j == 0 || (j % 4 != 0))
    html << "<div style=\"background-color: #{c};\" ></div>"
    colors[i] = [] if(j == 0)
    colors[i][j] = c
    end
    j = j + 1
    if(j == 12)
        i = i + 1
        j = 0
    end
end
    
html << "</body></html>"
puts html